@import 'general';
.Q-Rollover.effect-07{
	// Initial
		img{.transition(all 500ms ease-out);}
		.mask{
   		background-color: rgba(77,44,35,0.5);
			.scale-rotate(1; 0deg);
			.transition(all 300ms ease-out);
		}
		h4, p, a.trigger{
			.translateY(-200px);
			.transition(all 200ms ease-in-out);
		}
	// animacion
		&:hover img{
			.scale-rotate(0; 720deg);
		}
		&:hover .mask{
			.translateY-rotate(0px; 0deg);
			.transition-delay(400ms);
		}
		&:hover h4{
			.translateY(0px);
			.transition-delay(700ms);
		}
		&:hover p{
			.translateY(0px);
			.transition-delay(600ms);
		}
		&:hover a.trigger{
			.translateY(0px);
			.transition-delay(500ms);
		}
		&:hover .mask,
		&:hover h4,
		&:hover p,
		&:hover a.trigger{
			.opacity(1);
		}
}